<!doctype html>
<html ng-app='myApp'>
<head>
<#include "/h5/include.ftl"/>
<script>
	var _id = '${id}';
</script>
<script src="/h5/js/flexible_css.js"></script>
<script src="/h5/js/flexible.js"></script>
<script src="/h5/js/iscroll.js"></script>
<script src="/h5/js/biz/diancan.js"></script>
<title>点餐</title>

<script type="text/javascript" charset="utf-8">   
	$(function() {   		
		//菜单框架自动获取高度
		var doc_H=$(window).height()-$(".h90").height()-$(".gg").height()-$(".h100").height();
		$('.menu_box').height(doc_H);
		window.onresize=function(){
			var doc_H=$(document).height();	
			$('.menu_box').height(doc_H);
		}
	});


	var myScroll_left;
	var myScroll_right;
	function loaded () {
		myScroll_left = new IScroll('#left_Menu', { mouseWheel: true, click: true });
		myScroll_right = new IScroll('#right_Menu', { mouseWheel: true, click: true });
	}
	document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
    

</script>
<script type="text/javascript" src="/h5/js/jquery.spinner.js"></script>


</head>

<body  style="background:#f2f2f2;" ng-controller='myController'>
<!--iheader-->
    <div id="iheader">
      <a href="/m/s/${id}" class="iheader_back"></a>
      <h2 class="iheader_title" ng-bind='store.name'>恒记花园饭店</h2>
      <h6 class="clear"></h6>
    </div>
<div class="h90"></div>
<div class="h60"></div>
<div class="gg"><h2><a href="#"  ng-bind="store.info" ></a></h2></div>
<div class="menu_box">
	<div id="left_Menu">
        <div class="ot-menu" id="scroller">
				<ul>
					<li ng-repeat="cate in list" cid="{{cate.cate.id}}" on-finish-render-filters='cate' ng-class="{'active':cate.cate.id==cateId}" ng-click='cate(cate.cate.id)'><a href="#" ng-bind='cate.cate.name'>开胃冷盘</a> </li>
				</ul>
		</div>
    </div>
    <script type="text/javascript">
$(function(){
	
});
</script>
   <div id="right_Menu">
			<div class="menutype" id="scroller2" on-finish-render-filters='goods'>
				<div ng-repeat="goods in list" cid = "{{goods.goods.cateId}}" >
					<div class="dishes_t" ng-bind="goods.goods.cateName" id='{{goods.goods.cateId}}'>热荤主菜</div>
		            <div class="dishes">
		            		<div class="dishes_list" ng-repeat="g in goods.goods.goodsList track by $index"   >
		                        <div class="dishes_list_pic"><img src="/h5/images/guess_pic.jpg" ng-src="/download?id={{g.img}}"></div>
		                        <div class="dishes_list_r">
		                            <h2 class="dishes_list_name" ng-bind='g.name'>烧汁杏鲍菇</h2>
		                            <div class="dishes_list_volume">月售{{g.sellCnt}}份</div>
		                            <div class="dishes_list_price">
		                            <div id="d" class="Spinner">
		                            	<a class="DisDe" href="javascript:void(0)" ng-click='minus(g)'><i>-</i></a>
		                            	<input class="Amount" value="0" autocomplete="off" maxlength="3" ng-model="g.num"/>
		                            	<a class="Increase" href="javascript:void(0)" ng-click="add(g)"><i>+</i></a>
		                            </div><em>￥</em>{{g.price}}
		                            </div>
		                        </div>
		                        <h6 class="clear"></h6>
		                    </div>
		            </div>
	            </div>
            </div>
     </div>
</div>
<div class="h100"></div> 
<div class="goods_bj"></div>
<div class="goods_box">
	<div class="goods_box_a">
    	<div class="goods_box_list" ng-repeat='detail in cartList'>
            <div id="d" class="Spinner">
            	<a class="DisDe" href="javascript:void(0)" ng-click='minus(detail,1)'><i>-</i></a>
		                            	<input class="Amount" value="0" autocomplete="off" maxlength="3" ng-model="detail.num"/>
		                            	<a class="Increase" href="javascript:void(0)" ng-click="add(detail,1)"><i>+</i></a>
            </div>
        	<span class="goods_list_name" ng-bind='detail.name'>烧汁杏鲍菇</span>
        	<span class="goods_list_price"><em>￥</em>{{detail.price}}</span>
        </div>
    </div>
</div> 
<div class="goods">
	<a href="#" class="cart_btn" ng-show="cart.num>0" ng-click="goSubmit()">选好了</a>
	<a href="#" class="cart" ng-click='showCarts()'><em ng-bind="cart.num">2</em></a>
    <span class="cart_total">共<em>￥</em>{{cart.price}}</span>
</div>
<script type="text/javascript">
$(function(){
	$(".cart").click(function(){
		$(".goods_bj").fadeToggle();
		$(".goods_box").slideToggle('fast');
		})
		
			$(".goods_bj").click(function(){
		$(".goods_bj").hide();
		$(".goods_box").hide();
		})
	
	})
</script>
</body>
</html>
